
.at-action-sheet__container{
	border-radius: 32px 32px 0 0;
}
	
#page_container {
	width: 100vw;
	/* height: 100vh; */
	/* max-height: 390px; */
	/* background-image: linear-gradient(to bottom, rgba(255, 13, 73, 1), rgba(255, 13, 73, 0)); */
	padding-bottom: 150px;
  /* 多个渐变色 */
	background: var(--page-bg);
}

/* 自定义导航栏 */
.status_title {
  padding: 60px 16px 20px 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
  background-color: transparent;
}

.status_left {
  width: 18px !important;
}

.status_center {
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
}

.status_right {
  width: 22px;
}
/* .type_container{
	margin-left: 12px;
	width: 93.5vw;
	height: 248px;
	background-color: #ffffff;
	border-radius: 8px;
} */
.thumb_con{
	width:28%;
	float: left;
}
.thumb{
	margin: 24px;
	border-radius: 8px;
	width: 132px;
	height: 208px;
	background-color: #eeeeee;
}
.type_info_con{
	width: 72%;
	float: right;
}
.type_info{
	margin: 12px;
}
.info_date{
	padding-top: 8px;
	font-size:24px;
	font-weight: 400;
	color:#26282A;
}
.info_title{
	font-size: 32px;
	font-weight: 700;
	color:#1D2129;
}
.exist_con{
	border: 1px solid #FF84A2;
	border-radius: 8px;
	margin-top: 10px;
	height: 66px;
	width: 95%;
	font-size:24px;
	font-weight: 400;
	color: #26282A;
	line-height: 66px;
}
.exist_info{
	display: inline-block;
	width: 74%;
	background-color: #FFFAFB;
	color: #515151;
	padding-left:10px;
}
.info_arrows{
	display: inline-block;
	width: 20%;
	float: right;
	color:#96989A;
}

.set_container{
	margin: 24px;
	width: 93.5vw;
	background-color: #ffffff;
	border-radius: 16px;
	overflow: hidden;
}
.set_header{
	margin:10px 12px 0 12px;
	padding:18px 0;
	display: flex;
	align-items: center;
}
.set_header .title{
	width: 70%;
	display: inline-block;
	color: #26282A;
	padding-left: 15px;
	font-size:32px;
	font-weight: 700;
}
.set_header .custom{
	width: 25%;
	display: inline-block;
	color: #96989A;
	text-align: right;
	font-size:28px;
}
.set_body{
	padding:5px;
	width: 100%;
	height: 275px;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 1;
	margin-left: 8px;
}
.set_card_con{
	width: 300px;
	position: absolute;
	left: 0;
	top: 0;
z-index: 1;
}
.set_card{
	width: 170px;
	height: 210px;
	background-color: #fff8f5;
	display: inline-block;
	float: left;
	border-radius: 8px;
	margin-left: 16px;
	color: #9d9ea0;
	font-size: 25px;
	padding: 15px;
}
.active{
	box-shadow: inset 0 0 0 4px #FF0D49;
}

.whWay_container{
	margin: 24px;
	background-color: #ffffff;
	border-radius: 8px;
	overflow: hidden;
}
.whWay_header{
	margin:10px 10px 0 10px;
	padding:20px 0 13px 0;
}
.whWay_header .title{
	width: 70%;
	display: inline-block;
	color: #243132;
	padding-left: 15px;
	font-size:32px;
	font-weight: 700;
}
.whWay_header .custom{
	width: 25%;
	float: right;
	display: inline-block;
	color: #7f7f7f;
	text-align: right;
	font-size:28px;
}
.whWay_body{
	padding:5px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 1;
}
.whWay_card_con{
	width: 300px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.whWay_card{
	width:265px;
	height: 130px;
	background-color: #fff8f5;
	display: inline-block;
	float: left;
	border-radius: 8px;
	margin-left: 24px;
	color: #9d9ea0;
	font-size: 25px;
	padding: 15px;
}
.whole_service{
	margin: 24px;
	width: 93.5vw;
	height: 220px;
	background-color: #ffffff;
	overflow: hidden;
	border-radius: 8px;
}
.whole_service .ser_title{
	width: 100%;
	color: #26282A;
	font-size: 32px;
	font-weight: 700;
	padding:24px;
}
.ser_body{
	padding: 15px 30px;
}
.icon_item{
	width: 120px;
	display: inline-block;
	padding:0 21px;
}
.info-icon{
	display: inline-block;
	text-align: center;
	width: 42px;
	height: 42px;
	padding-left: 40px;
}
.icon_item .icon_title{
	color: #66686A;
	word-break: keep-all;
	font-size: 24px;
	font-weight: 400;
	
}
.my_order{
	padding: 12px;
	width: 88vw;
	margin: 0 auto;
	height: 3vh;
	background-color: #ffffff;
	overflow: hidden;
	border-radius: 8px;
}
.my_order .order_title{
	display: inline-block;
	width: 70%;
	color: #243132;
	font-size:32px;
	font-weight: 700;
}
.my_order .order_icon{
	width: 25%;
	float: right;
	display: inline-block;
	color: #7f7f7f;
	text-align: right;
	font-size:28px;
}
.footer {
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	padding: 16px 24px 16px 24px;
	width: 95%;
	z-index: 99;
	box-shadow: 0px -10px 8px #d1d1d1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.price_show{
	line-height: 60px;
	color: #ff0d49;
}

.purch_btn{
	background-color: #FF0D49;
	color: #ffffff;
	padding: 24px 40px 24px 40px;
	border-radius: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32px;
}

.bottom_popup{
	background: white;
	border-radius: 16px 16px 0px 0px;
	padding-bottom: 150px;
}
.ex_pop_title{
	padding:30px 20px;
	font-size: 32px;
	font-weight: 700;
	color: #26282A;
}
.ex_pop_item{
	margin: 15px 20px;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #E6E8EA;
	font-size: 25px;
}
.ex_pop_detail .item_userName{
	display: inline-block;
	font-weight: 700;
	width:80%;
	font-size: 28px;
	color: #26282A;
}
.ex_pop_detail .item_count{
	display: inline-block;
	width:20%;
	text-align: right;
	font-size: 28px;
	color: #26282A;
}
.cu_pop_title{
	padding:30px 30px;
	font-size: 32px;
	font-weight: 700;
	color: #26282A;
}
.chit_title{
	padding:15px 20px 0 30px;
	font-size: 28px;
	font-weight: 700;
	color: #26282A;
}
.chit_con,.den_con{
	width: 100%;
	margin-left: 12px;
	margin-top: 15px;
}
.den_title{
	padding:15px 20px 0 30px;
	font-size: 26px;
	font-weight: 700;
}
.den_item,.chit_item{
	width:150px;
	height: 80px;
	background-color: #f6f8fa;
	margin: 10px 17px;
	border-radius: 10px;
	text-align: center;
	line-height: 75px;
	display: inline-block;
	font-size: 28px;
}
.item_active{
	background-color: #FFE7ED;
	box-shadow: inset 0 0 0 1px #ff2c60;
}
.commitCustomBtn{
	width: 90%;
	margin-left: 5%;
	height: 80px;
	color: #ffffff;
	border-radius: 20px;
	background-color: #ff0d49;
	position: fixed;
	line-height: 80px;
	bottom: 60px;
	font-size: 32px;
	font-weight: 700;
	z-index: 1;
	text-align: center;
}
.dis_commit{
	background-color: #ff86a4;
}
.set_card_new {
	display: flex; 
	width: calc(100% - 48px); 
	margin: 0 auto; 
	margin-bottom: 24px; 
	overflow-x: scroll;
}
.set_card_item_new {
	width: 170px; 
	background-color: #FFF8F5; 
	flex-shrink: 0;
	padding: 16px;
	border-radius: 8px;
}
.set_card_new::-webkit-scrollbar {
	display: none;
}